<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Security-Policy" content="script-src 'self'" />

    <meta name="theme-color" id="meta-theme" />
    <script src="../ext/readability-master/Readability.js"></script>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../pages/settingsDropdown.css"/>
    <link rel="stylesheet" href="readerUI.css" />
    <link rel="stylesheet" href="../ext/icons/iconfont.css" />
  </head>

  <body>
    <button
      id="settings-button"
      class="i carbon:settings-adjust"
      data-label="buttonReaderSettings"
    ></button>
    <div id="settings-dropdown" hidden>
      <div class="setting-section theme-circles">
        <button
          class="theme-circle selected"
          data-theme="light"
          data-label="buttonReaderLightTheme"
        ></button>
        <button
          class="theme-circle"
          data-theme="sepia"
          data-label="buttonReaderSepiaTheme"
        ></button>
        <button
          class="theme-circle"
          data-theme="dark"
          data-label="buttonReaderDarkTheme"
        ></button>
      </div>
      <div class="setting-section">
        <input type="checkbox" id="auto-reader-checkbox" /><label
          for="auto-reader-checkbox"
          data-string="openReaderView"
        ></label>
      </div>
    </div>
    <div id="site-nav-links"></div>
    <div id="auto-redirect-banner" hidden>
      <label data-string="autoRedirectBannerReader"></label>
      <span id="auto-redirect-button-area">
        <button
          id="auto-redirect-no"
          data-string="buttonReaderRedirectNo"
        ></button>
        <button
        id="auto-redirect-yes"
        data-string="buttonReaderRedirectYes"
        class="primary"
      ></button>
      </span>
    </div>
    <div id="backtoarticle">
      <a id="backtoarticle-link">
        <i class="i carbon:chevron-left"></i>
        <span data-string="articleReaderView"></span>
      </a>
    </div>

    <!-- DOM inserted in reader.js -->

    <script src="../js/util/settings/settingsContent.js"></script>
    <script src="../dist/localization.build.js"></script>
    <script src="../js/readerDecision.js"></script>
    <script src="reader.js"></script>
    <script src="readerThemeSelector.js"></script>
  </body>
</html>
